﻿
*{	font-family: "microsoft yahei";}body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,span,td,tr,form,table,dl,dt,dd{
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}
ul li{
	float: left;
}
input{
	outline: none;
}

i,span{
	display: inline-block;
}

img{
	height: auto;
	display: block;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.fl{
	float: left;
}
.fr{
	float: right;
}

.clear_fl{
	clear: left;
}

.clear_fr{
	clear: right;
}

.container{
	min-width: 1230px;
}
#active{border-bottom: 3px solid #000;}
.header{
	width:100%;
	height: auto;
	overflow: hidden;
	background:#2D2D2D;
}
.header-content{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.header-content span{
	widows: auto;
	font-size: 12px;
	color: #F9FAFF;
	padding: 7px 0 11px;
}
.header-content ul{
	width: auto;
	height:auto;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8.5px;
}

.header-content ul li{
	font-size: 12px;
}

.header-content ul li:nth-child(1){
	margin-right:13.5px;
	padding-right: 13.5px;
	border-right: 1px solid #FFFFFF;
}
.header-content ul li>i{
	float: left;
	padding-right: 5px;
}

.header-content ul li a{
	color: white;
	text-decoration: none;
}

.nav{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#F2F2F2;
	box-sizing:border-box;
	position: relative;
	border-bottom: 2px solid #C9C9C9;
}

.nav-content{
	width: 1230px;
	height:auto;
	overflow: hidden;
	margin: auto;
	position: relative;
}

.logo{
	width:390px;
	height: auto;
	overflow: hidden;
	padding: 27px 0;
}

.nav-list{
	width: auto;
	height: auto;
	position: absolute;
	left: 450px;
	top:50%;
	margin-top:-10.5px;
}
.nav-list  ul li{
	margin-right:29px;
}
.nav-list  ul li:last-child{
	margin-right: 0;
}
.nav-list  ul li a{
	color: #2E2E2E;
	text-decoration: none;
}

.nav-list  ul li a:hover{
	color: red;
}

.search{
	width: 208px;
	height:auto;
	overflow: hidden;
	float: right;
	background: white;
	border: 1px solid #C5C5C5;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14.5px;
}

.search input{
	width: 176px;
	float: left;
	border: 0;
	padding: 7px 0 7px 7px;
	box-sizing: border-box;
}
.search input::-webkit-input-placeholder{
	font-size: 14px;
}

.search span{
	float: right;
	margin-top: 4.5px;
	margin-right: 5px;
	cursor:pointer;
}
.search span>img{
	width: 20px;
}


/*首页*/

dl,dt{
	padding: 0;
	margin:0;
}
.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.banner img{
	width: 100%;
}
.slideBox .hd {
	overflow: hidden;
	position: absolute;
	right: 46%;
	bottom: 5%;
	z-index: 1
}

#btn ul{
	float: left;
	zoom: 1;
	overflow: hidden;
}

#btn li{
	width:18px;
	height:18px;
	border-radius: 9px;
	background:white;
	margin-right: 20px;
	cursor: pointer;
}

#btn li.on {
	background: #060C7F;
}

.main{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.main .banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.main .main-content{
	width: 1230px;
	height:auto;
	overflow: hidden;
	margin:auto;
}
.main .main-content ul{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.main .main-content ul li{
	width: 599px;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}
.main .main-content ul li:hover .details{
	bottom: 0;
}

.main .main-content ul li:nth-child(even){
	float: right;
}


.about-details,.product-details,.news-details,.call-details{
	position: absolute;
	bottom: -313px;
	width: 100%;
	height:383px;
	background: rgba(0,0,0,.7);
	transition:all .3s ease-in;
	color: #FFFFFF;
	padding:0 23px;
	box-sizing: border-box;
}

.about-details h3,.product-details h3,.news-details h3,.call-details h3{
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0 17px;
}

.product-details h3,.call-details h3{
	padding: 20px 0 47px;
}

.about-details p{
	line-height: 28px;
	font-size: 16px;
	font-weight: normal;
	text-indent:2.2em;
}

.about-details a{
	color: white;
	text-decoration: underline;
}

.t_but{
	display: block;
	width: 79px;
	line-height: 34px;
	text-align: center;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none !important;
}

.product-details a{
	margin-top: 56px;
}

.call-details a{
	margin-top: 60px;
	
}

.about-details a:hover,.product-details a:hover,.news-details a:hover,.call-details a:hover{
	text-decoration: none;
	
}

.product-details .product-details-list{
	display: block;
	width: 190px;
	height: 180px;
	margin: auto;
	margin-right: 10px;
	float: left;
}

.product-details-list2｛
	width: 150px;
	height: 180px;
	margin-right: 10px;
	float: left;
	display: block;
｝


.product-details{
	position: relative;
}

.t_but{
	position: absolute;
	left: 265px;
	bottom: 38px;
}

.product-details dl,.news-details dl,.call-details dl{
	width: 100%;
	padding:0 15px;
	
}
.product-details-list dd,.news-details-list dd,.product-details-list2 dd{
	width: 100%;
	line-height: 32px;
}

.product-details-list dd i,.news-details-list dd i,.product-details-list2 dd i,.product-details-list3 dd i{
	display: block;
	width: 4px;
	height: 4px;
	background:url(../images/list.png) no-repeat;
	background-size:cover;
	float: left;
	margin: 14px 5px 14px 0;
}

.product-details-list dd a,.news-details-list dd a,.product-details-list2 dd a,.product-details-list3 dd a{
	color: white;
}

.news-details-list dd a{
	display: inline-block;
	overflow: hidden;
	width: 440px;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	line-height: 16px;
	font-size: 16px;
}

.product-details-list dd a:hover{
	text-decoration: none;
}

.news-details-list dd a:hover{
	text-decoration: underline;
}

.news-details-list dd span{
	display: block;
	float: right;
}
.call-details dl dd{
	clear: left;
	font-size: 16px;
	color:#FFFFFF;
	padding-bottom: 13px;
}
.call-details dl .call-details-adress{
	height: 22px;
	line-height: 25px;
	
}
.call-details dl .call-details-phone{
	height: 20px;
	line-height:23px;	
}
.call-details-phone{
	margin-left: 1px;
}
.call-details dl dd>i{
	float: left;
}
.call-details dl .call-details-adress i{
	width: 18px;
	height: 25px;
	margin-right: 7px;
	margin-left: 4px;
	background: url(../images/index-call.png) no-repeat;
	background-position:0px 0;	
}
.call-details dl .call-details-phone i{
	width: 15px;
	height:23px;
	margin-right:10px;
	margin-left: 4px;
	background: url(../images/index-call.png) no-repeat;
	background-position:-19px 0;
}
.call-details dl .call-details-phone1{
	height: 20px;
	line-height: 19px;
}
.call-details-phone1{
	margin-left: 1px;
}
.call-details dl .call-details-phone1 i{
	width: 19px;
	height:19px;
	margin-right:9px;
	margin-left: 2px;
	background: url(../images/index-call.png) no-repeat;
	background-position:-34px -3px;
}
.call-details dl .call-details-email{
	height:14px;
	line-height: 15px;
}
.call-details-email{
	margin-left: 2px;
}
.call-details dl .call-details-email i{
	width: 23px;
	height:15px;
	margin-right:6px;
	background: url(../images/index-call.png) no-repeat;
	background-position:-54px -5px;
}
.call-details dl .call-details-fax{
	height: 15px;
	line-height:22px;
}
.call-details-fax{
	margin-left: 2px;
}
.call-details dl .call-details-fax i{
	width: 22px;
	height:20px;
	margin-right: 7px;
	background: url(../images/index-call.png) no-repeat;
	background-position:-78px -1px;
}
 

/*产品介绍*/

.product,.product-list,.about,.call,.new,.human,.about{
	width: 100%;
	height: auto;
	overflow:hidden;	
}
.product-content,.product-list-content,.news-content,.human-content,.about-content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.page-nav{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.page-nav>h3{
	font-size: 20px;
	padding: 24px 0 16px;
	border-bottom: 1px solid #C9C9C9;
}
.page-nav>ul{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.page-nav ul{
	color:#818181;
}
.page-nav>ul li:nth-child(1){
	width: 13px;
	height: 17px;
	background:url(../images/local.jpg) no-repeat;
	background-size: cover;
	margin-right: 6px;
}
.page-nav>ul li>span{
	margin: 0 8px;
	color:#818181;
}
.page-nav ul a{
	font-size: 14px;
	color:#818181;
}
.product .bd{
	width: 1107px;
	height: auto;
	overflow: hidden;
	margin:50px auto 65px;
	position: relative;
}
.product .product-carousel ul{
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.product .product-carousel ul li{
	width: 194px;
	height: 194px;
	margin-right:34.25px;
	position: relative;
	text-align: center;
}
.product .product-carousel ul li img{
	position:absolute;
	z-index: -1;
	max-width: 194px;
	max-height: 194px;
}
.product .product-carousel ul li a{
	display: block;
	width: 194px;
	height: 194px;
	font-size: 24px;
	font-weight: bold;
	color:white;	
	position: absolute;
	top:36%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.product .product-carousel ul li a span{
	display: block;
	text-align: center;
}
.product .product-carousel ul li a:hover{
	text-decoration: none;
	color: lightsalmon;
}
.product .product-carousel ul li{
	
	background-size:cover;
	border-radius: 100px;
}

.product .product-carousel ul li:last-child{
	margin-right: 0;
}
.btn-left{
	width: 40px;
	height:80px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	background: url(../images/product-btn_06.png) no-repeat;
	background-size: cover;
	cursor:pointer;
}
.btn-right{
	width: 40px;
	height:80px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	cursor:pointer;
	background: url(../images/product-btn_09.png) no-repeat;
	background-size: cover;
	cursor:pointer;
}
.product-banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product-banner img{
	width: 100%;
}
.product-content>p{
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	padding: 85px 0 25px;
}
.product-bottom{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#EFEFEF;
}
.product-bottom-content{
	width: 1230px;
	margin: auto;
	margin-top: 30px;
}
.product-bottom-content ul{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product-bottom-content ul li{
	width: 390px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-right: 30px;
}
.product-bottom-content ul li:nth-child(3n){
	margin-right: 0;
}
.product-bottom-content ul li>a{
	display: block;
	color:#8C8C8C;
}
.product-bottom-content ul li>a:nth-child(2){
	padding: 15px 0 29px;
}
.mar{
	margin: 0 30px;
}

.page{
	height: auto;
	overflow: hidden;
	margin-bottom: 50px;
	float: left;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}
.page>ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #EFEFEF;
}
.page >ul>li{
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: white;
	font-size: 14px;
	margin-right: 6px;
}

.page >ul>li:nth-child(3n){
	margin-right: 6px;
}

.page>ul>li a{
	color:#ABABAB;
	text-decoration: none;
}
.product-intro{
	width: 1230px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #C9C9C9;
}
.product-intro .product-intro-left{
	width: 600px;
	height: auto;
	overflow: hidden;
	margin:106px 0 138px 45px;
}
.product-intro-right{
	width: 540px;
	height: 450px;
	margin: auto;
	text-align: center;
}
.product-intro-right>h3{
	font-size: 36px;
	margin-top: 100px;
}
.product-intro-right>p{
	font-size: 24px;
	text-align: center;
	padding-top: 35px;
}
.product-content-bottom{
	width:1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.product-content-bottom>p{
	font-size: 18px;
	text-indent: 32px;
	line-height: 32px;
	color:#262626;
}
.product-content-bottom>p:nth-child(1){
	padding-top: 36px;
	padding-bottom: 23px;
}
.product-content-bottom>p:nth-child(2){
	margin-bottom: 40px;
}
.product-content-bottom>ul{
	width: 100%;
	height:auto;
	overflow: hidden;
	position: relative;
	background:#FAFAFA;
}
.product-content-bottom>ul>li{
	width: 50%;
	height: auto;
	overflow: hidden;	
}
.product-content-bottom>ul>li ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: auto ;
	margin-top: 12px;	
}
.product-content-bottom>ul>li:nth-child(4) ul{
	margin-top: 66px;
}
.product-content-bottom>ul>li ul li{
	width: 100%;
	font-size: 22px;
	clear: left;
	list-style: disc inside;
	padding-bottom: 25px;
	margin-left: 70px;
	box-sizing: border-box;
	color: #9C9C9C;
}
.product-content-bottom>ul>li ul li a{
	color: #9C9C9C;
}
.product-desc{
	width: 1230px;
	height: auto;
	overflow:hidden;
	margin: auto;
}
.product-desc>.desc-text{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size:18px;
	color: #888888;
	margin-top: 42px;
}
.product-desc>.desc-text:last-child{
	padding-bottom: 54px;
	border-bottom: 1px solid #9C9C9C;
}
.product-desc>.desc-text>span{
	line-height: 32px;
}
.product-content-bottom h4{
	font-size: 30px;
	text-align: center;
	padding: 78px 0 25px;	
}
.product-other{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 75px 0 50px;
	background: #EFEFEF;
	position: relative;
}
.product-other>i{
	display: block;
	width: 0px;
	height:0px;
	border-top:31px solid white;
	border-bottom:31px solid transparent;
	border-left:31px solid transparent;
	border-right:31px solid transparent;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	top: 0;
}
.product-other ul{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.product-other ul li{
	text-align: center;
	margin-right: 30px;
}
.product-other ul li:last-child{
	margin-right: 0;
}
.product-other ul li>a{
	color: #888888;
}
.product-other ul li>a:nth-child(2){
	display: block;
	padding-top: 15px;
}
.product-other ul li>a:hover p{
	text-decoration: underline;
}


/*关于我们*/
.about-content .about-nav, .about-nav ul{
	width: 985px;
	height:auto;
	overflow: hidden;
	margin: auto;
	margin-top: 25px;	
}
.about-nav>ul li{
	width: 194px;
	height:194px;
	overflow: hidden;
	text-align: center;
	margin-right: 69.66666666px;
	position: relative;
	
}

.about-nav>ul li:last-child{
	margin-right: 0;
}

.about-nav>ul li img{
	position: absolute;
	z-index: 10;
	max-width: 194px;
	max-height: 194px;
}

.about-nav>ul li a{
	width: 194px;
	height: 100px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;	
	position: absolute;
	top: 38%;
	transform: translateX(-50%);
	z-index: 99;
	
}
.about-nav>ul li a:hover{
	text-decoration: none;
	color: lightsalmon;
}

.product-quality-banner,.corporate-culture-banner,.honer-banner,.about-banner{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 63px;
}
.product-quality-banner img,.corporate-culture-banner img,.honer-banner img,.about-banner img{
	width: 100%;
}
.product-quality-text{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin:0 auto 30px;
}
.product-quality-text>p{
	font-size: 14px;
	text-indent: 20px;
	color: #8C8C8C;
	line-height: 24px;	
}
.product-quality-text>p:nth-child(1){
	padding-top: 29px;
}
.product-quality-text>span{
	display: block;
	width: 695px;
	height: auto;
	overflow: hidden;
	margin:42px auto;
}

/*企业文化*/

.corporate-culture-text{
	width: 100%;
	height: auto;
	margin: auto;
	background:#EFEFEF;
}
.corporate-culture-text ul{
	width: 1230px;
	height: auto;
	margin: auto;	
}
.corporate-culture-text ul li{
	clear: left;
}
.corporate-culture-text ul li>h3{
	font-size: 24px;
	font-weight: normal;
	padding-top: 40px;
}
.corporate-culture-text ul li>p{
	color:#999999;
	font-size: 14px;
	padding-top: 15px;
}

.corporate-culture-pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: white;
	margin-bottom: 50px;
}
.corporate-culture-pic ul {
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
	padding-top: 47px;
}

.corporate-culture-pic ul li{
	width: 405px;
	height: auto;
	overflow: hidden;
}
.corporate-culture-pic ul li:nth-child(2){
	margin: 0 7.5px;
}
/*荣耀资质*/
.honer-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#EFEFEF;
}
.page-content{
	width: 1230px;
	overflow: hidden;
	padding-top: 70px;
	margin:0 auto;
}
.page-content>ul:nth-child(1){
	width: 1230px;
	height: auto;
	overflow: hidden;	
}
.page-content>ul li{
	width: 390px;
	height: 355px;
	overflow: hidden;
	text-align: center;
	margin-right:30px ;
}
.page-content>ul li:nth-child(3n){
	margin-right: 0;
}
/*.page-content>ul:nth-child(1) li:nth-child(2),.honer-list>ul:nth-child(1) li:nth-child(5),.honer-list>ul:nth-child(1) li:nth-child(8){
	margin: 0 30px;
}*/
/*.page-content>ul:nth-child(1) li>a>img{
	height: 288px;
}*/
.page-content>ul:nth-child(1) li>a:nth-child(2){
	display: block;
	margin: 15px 0 30px;
	color:#8C8C8C;
}
.page-content>ul:nth-child(1) li>a:nth-child(2):hover{
	color: red;
}
/*公司简介*/
.about-sm{
	width: 100%;
	background: #EFEFEF;
}
.about-text{
	width: 1230px;
	margin: 0 auto;
	height: auto;
}
.about-text ul{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
	background:#EFEFEF;
	padding-bottom: 30px;
}
.about-text ul li{
	clear: left;
}
.about-text ul li>h3{
	font-size: 24px;
	font-weight: normal;
	padding: 30px 0 15px;
}
.about-text ul li>p{
	font-size: 14px;
	color: #262626;
	line-height: 24px;
}
.company-profile{
	width: 100%;
	height:auto;
	overflow: hidden;
	background:white;
	overflow: hidden;
}
.company-profile-text,.company-profile-pic{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
	padding: 36px 0 22px;
}
.company-profile-pic{
	padding:0px  0 50px;
}
.company-profile-text>p{
	text-indent: 33px;
	font-size: 14px;
	color: #262626;
	line-height:22px;
	padding-bottom: 14px;
}
.company-profile-pic ul{
	width: 100%;
	height:672px;
}
.company-profile-pic ul li:nth-child(1){
	width: 626px;
}
.company-profile-pic ul li:nth-child(2){
	width: 600px;
	float: right;
}
.company-profile-pic ul li:nth-child(2)>img:nth-child(2){
	margin-top: 5px;
}

/*联系我们*/
.call-content>.call-nav,.call-nav>ul{
	width: 457px;
	height: auto;
	overflow: hidden;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 30px;
}
.call-nav>ul li{
	width: 194px;
	height: 194px;
	text-align: center;
	font-size: 24px;
	position: relative;
	margin-right: 67px;
}
.call-nav>ul li:last-child{
	margin-right: 0;
}
.call-nav>ul li img{
	position: absolute;
	z-index: -1;
	max-width: 194px;
}

.call-nav>ul li>a{
	width: 194px;
	height: 100px;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 38%;
	transform: translateX(-50%);
	z-index: 99;
}
.call-nav>ul li>a:hover{
	text-decoration: none;
	color: lightsalmon;	
}
.call-way,.call-message{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.call-way h1,.call-message h1{
	font-size: 24px;
	text-align: center;
	padding: 44px 0 50px;
}

.call-way h3{
	font-size: 16px;
	margin-bottom: 27px;
}
.call-way ul{
	width: 1230px;
	height: auto;
	overflow: hidden;
}
.call-way ul li{
	clear: left;
	font-size: 14px;
	color: #8C8C8C;
	padding-bottom: 13px;
}
.call-way ul li:nth-child(1){
	height: 25px;
	line-height: 25px;	
}
.call-way ul li:nth-child(2){
	height: 23px;
	line-height:23px;	
}
.call-way ul li>i{
	float: left;
}
.call-way ul li:nth-child(1)>i{
	width: 18px;
	height: 25px;
	margin-right: 7px;
	margin-left: 4px;
	background: url(../images/call.png) no-repeat;	
}

.call-way ul li:nth-child(2)>i{
	width: 15px;
	height:23px;
	margin-right:10px;
	margin-left: 4px;
	background: url(../images/call.png) no-repeat;
	background-position:-31px 0;
}

.call-way ul li:nth-child(3){
	height: 19px;
	line-height: 19px;
}
.call-way ul li:nth-child(3)>i{
	width: 19px;
	height:19px;
	margin-right:9px;
	margin-left: 2px;
	background: url(../images/call.png) no-repeat;
	background-position:-60px 0;
}
.call-way ul li:nth-child(4){
	height:15px;
	line-height: 15px;
}
.call-way ul li:nth-child(4)>i{
	width: 23px;
	height:15px;
	margin-right:7px;
	background: url(../images/call.png) no-repeat;
	background-position:-94px 0;
}

.call-way ul li:nth-child(5){
	height: 20px;
	line-height: 20px;
}
.call-way ul li:nth-child(5)>i{
	width: 22px;
	height:20px;
	margin-right: 8px;
	background: url(../images/call.png) no-repeat;
	background-position:-131px 0;
}

.call-way span{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom:50px;
}


/*留言*/
.call-message form {
	width: 878px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.call-message form table{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.call-message form table tr:nth-child(1){
	display: block;
}
.call-message form table tr{
	width: auto;
	height: auto;
	overflow: hidden;
	display:inline-block;
	margin-bottom: 24px;
}
.call-message form table tr>td{
	color: #333333;
	float: left;
}

.call-message form table tr>td:nth-child(1)>span{
	float: left;
}
.call-message form table tr>td>span:nth-child(1){
	width: 30px;
	height: 30px;
	border: 1px solid #BBBBBB;
	box-sizing:border-box;
	background:url(../images/call-message.png) no-repeat;
	background-position:5px 5px;
	border-radius: 15px;
	margin-top: 4px;
	
}

.call-message form table tr:nth-child(2)>td>span:nth-child(1){
	background:url(../images/call-message.png) no-repeat;
	background-position:-35px 6px;

}

.call-message form table tr:nth-child(3)>td>span:nth-child(1){
	background:url(../images/call-message.png) no-repeat;
	background-position:-167px 8px;

}
.call-message form table tr:nth-child(4)>td>span:nth-child(1){
	background:url(../images/call-message.png) no-repeat;
	background-position:-75px 5px;

}

.call-message form table tr:nth-child(5)>td>span:nth-child(1){
	background:url(../images/call-message.png) no-repeat;
	background-position:-122px 6px;

}

.call-message form table tr>td>span:nth-child(2){
	float: right;
	padding: 8px 0;
}
.call-message form table tr>td>span:nth-child(2)>i{
	width: 6px;
	height: 6px;
	background:url(../images/import.png) no-repeat;
	background-position:center; 
	float: left;
	margin:4px 3px 0;
}
.call-message form table tr>td:nth-child(1){
	width: 122px;
	height: auto;
	overflow: hidden;
}

.call-message form table tr>td:nth-child(2){
	display: block;
	width: 308px;
	height: auto;
	overflow: hidden;
	border: 1px solid #D8D8D8;
	
}
.call-message form table tr>td:nth-child(2)>input{
	width:308px;
	padding: 9px 0;
	border: none;
	outline: none;
	text-indent: 5px;
}
.call-message form table tr>td:nth-child(2) input::-webkit-input-placeholder{
	color:#D6D6D6;
	font-size: 14px;
	
}

.call-message form table tr:nth-child(2){
	float: left;
	width: 432px;
}
.call-message form table tr:nth-child(3){
	float:right;
	width: 432px;
}
.call-message form table tr:nth-child(2)>td:nth-child(2)>p{
	width: 48px;
	text-align: center;
	float: left;
	margin-top:9px;
	font-size: 14px;
	
}
.call-message form table tr:nth-child(2)>td:nth-child(2)>input{
	width: 260px;
}
.call-message form table tr:nth-child(4)>td:nth-child(2){
	width:750px;
}
.call-message form table tr:nth-child(5)>td:nth-child(2){
	width:750px;
}
.call-message form table tr:nth-child(4)>td:nth-child(2)>input{
	width:763px;
}
.call-message form table tr:nth-child(5)>td:nth-child(2)>textarea{
	width:750px;
	height: 190px;
	resize: none;
	outline: none;
	border: none;
}
.call-message form table tr:nth-child(6),.call-message form table tr:nth-child(7){
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}
.call-message form table tr:nth-child(6)>td,.call-message form table tr:nth-child(7)>td{
	width: 100%;
	display: block;
	text-align: center;
}
.call-message form table tr:nth-child(6)>td>button{
	width: 140px;
	height: 40px;
	border-radius: 3px;
	background:#2D2D2D;
	color: white;
	outline: none;
	border: none;
	cursor: pointer;
}
.call-message form table tr:nth-child(7)>td{
	color: red;
	font-size: 12px;
	margin-bottom: 34px;
}

/*公司新闻*/

.news-banner img,.human-banner img,.call-banner img{
	width: 100%;
}

.news-nav,.human-nav{
	width: 1230px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.news-nav ul,.human-nav ul{
	width:457px;
	height: auto;
	overflow: hidden;
	margin:48px auto 60px;
}
.news-nav ul li,.human-nav ul li{
	width: 194px;
	height:194px;
	text-align: center;
	overflow: hidden;font-size: 24px;
	border-radius: 100px;
	margin-right: 67px;
	position: relative;
}
.news-nav ul li:last-child,.human-nav ul li:last-child{
	margin-right: 0;
}

.news-nav ul li img,.human-nav ul li img{
	position: absolute;
	z-index: -1;
	max-width: 194px;
	max-height: 194px;
}


.news-nav ul li>a,.human-nav ul li>a{
	width: 194px;
	height: 100px;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 36%;
	transform: translateX(-50%);
	z-index: 99;
}
.news-nav ul li>a:hover,.human-nav ul li>a:hover{
	text-decoration: none;
	color: lightsalmon;
}

.news-list{
	width: 1230px;
	height: auto;
	overflow: hidden;
	background: white;
	margin:50px auto 0;
}.news-list>ul>{
	width: auto;
	overflow: hidden;
	height:auto;
}
.news-list>ul>li{
	margin-bottom: 18px;
}
.news-list>ul>li:last-child{
	margin-bottom: 0;
}
.news-list>ul>li>dl{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#F6F6F6;
}
.news-list>ul>li>dl>dt{
	width: auto;
	float: left;
	height: auto;
	overflow: hidden;
	float: left;
	
}
.news-list>ul>li>dl>dt:nth-child(1){
	width: 268px;
	height: auto;
	overflow: hidden;
}

.news-list>ul li>dl>dt:nth-child(2){
	width: 962px;
	height: auto;
	overflow: hidden;
	padding: 0 30px 0 18px;
	box-sizing: border-box;
}
.news-list>ul li>dl>dt:nth-child(2)>h3{
	padding: 20px 0;
	font-size: 18px;
	box-sizing: border-box;
}
.news-list>ul li>dl>dt:nth-child(2)>a{
	display: block;
	font-size: 14px;
	line-height: 22px;
	text-indent: 30px;
	cursor: pointer;
}
.news-list>ul li>dl>dt:nth-child(2)>a:hover{
	text-decoration: none;
	color: blue;
}
.news-list>ul li>dl>dt:nth-child(2)>h3>a{
	color:#000000;
}
.news-list>ul li>dl>dt:nth-child(2)>h3>a:hover{
	text-decoration: none;
	color: blue;
}
.news-list>ul li>dl>dt:nth-child(2)>h3>span{
	float: right;
	font-size: 18px;
	font-weight: normal;
}
.news-list>ul li>dl>dt:nth-child(2)>p{
	
}
.news-list>ul li>dl>dt:nth-child(2)>button{
	border: none;
	outline: none;
	font-size: 14px;
	padding: 0;
	padding: 10px 10px 10px 13px;
	color: #727171;
	margin-top: 10px;
	border-radius: 5px;
}
.news-list>ul li>dl>dt:nth-child(2)>button>a{
	color:#000000;
}
.news-list>ul li>dl>dt:nth-child(2)>button>a:hover{
	text-decoration: none;
}
.news-page ul{
	background: white;
	width: 500px;
}
.page>ul{
	margin-top: 30px;
}
.page>ul li{
	background:white;
}
.news-page>ul li{
	background: #EFEFEF;
}
.page>ul .active{
	background:black;
	
}
.active>a{
	color: white;
}


/*新闻详情*/
.news-detail{
	width: 1200px;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #C9C9C9;
	margin: auto;
}
.news-detail>h1{
	font-size: 24px;
	text-align: center;
	padding: 37px 0 18px;
}
.info p{
	text-align: center;
	padding-bottom: 25px;
}
.info p span:nth-child(1){
	padding-right: 22px;
}

.content-body{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.content-body>a{
	display: block;
	margin-bottom: 36px;
}

.content-body>p{
	text-indent: 28px;
	color: #242424;
	line-height: 24px;
	padding-bottom: 20px;
}
.content-body>p:last-child{
	
}
.pre-next-pages ul{
	width: auto;
	height: auto;
	overflow: hidden;
	margin-top: 16px;
	padding:22px 0;
	border-top:1px solid #C9C9C9;
}

.pre-next-pages ul li:last-child{
	float: right;
}
.pre-next-pages ul li a{
	color: black;
}


/*招聘*/
.employ{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.employ>h1{
	font-size: 18px;
	text-align: center;
	padding: 44px 0 22px;
}
.employ>ul{
	width: auto;
	overflow: hidden;
	height: auto;
	
}

.employ>ul>li{
	border-bottom: 1px solid #EFEFEF;
	margin-top: 30px;
	padding-bottom: 30px;
}
.employ ul li>h3{
	font-size: 16px;
}
.employ>ul>li>ul{
	margin-top: 25px;
}

.employ>ul>li>ul>li{
	clear: left;
	color: #8C8C8C;
	font-size: 14px;
	padding-top: 10px;
}
.employ>ul>li>ul>li>h4{
	font-size: 14px;
	font-weight: normal;
	color: black;
}


.employ .employ-histoy{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.employ .employ-histoy>p{
	display: block;
}
.employ .employ-histoy>p:nth-child(1){
	padding-top: 28px;
	padding-bottom: 10px;
}
.employ .employ-histoy>p:nth-child(2){
	padding-bottom: 28px;
}
.employ .employ-histoy>p>span{
	font-weight: bold;
}

.footer{
	width: 100%;
	height:auto;
	overflow: hidden;
	background:#C0C0C0;
}

.footer .footer-content{
	width: 1230px;
	height:auto;
	overflow: hidden;
	margin: auto;
	padding: 40px 0;
	
}

.footer .footer-content>span{
	width: 165px;
	height: 84px;
}

.footer .footer-content>span>img{
	 width:130px;
}
.footer .footer-content .footer-nav{
	border-left: 1px solid #636363;
	padding-left: 40px;
}
.footer .footer-content .footer-nav ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom:30px;
	
}
.footer .footer-content .footer-nav>ul li:nth-child(1),.footer .footer-content .footer-nav>ul li:nth-child(2){
	margin-right:15px;
	padding-right: 15px;
	font-size: 14px;
	border-right:2px solid #383838;
}

.footer .footer-content .footer-nav>ul li a{
	color:#383838;
	text-decoration: none;
}

.footer .footer-content ul li a:hover{
	text-decoration: underline;
}
.footer .footer-content p{
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #797979;
}
.footer .footer-pic{
	width: 265px;
	height:auto;
	overflow: hidden;	float: right;	
}
.footer .footer-pic>ul{
	width:143px;
	height: auto;
	float: left;
	margin-left: 15px;
}
.footer .footer-pic>ul li:first-child{
	width: 100%;	font-size: 14px;	color: rgb(46, 46, 46);
}
.footer .footer-pic>ul li{
	width: 40px;
	margin-right: 11px;
}
.footer .footer-pic>ul li:last-child{
	margin-right: 0;
}

.footer .footer-pic>ul li:nth-child(1){
	margin-top: 22px;
	margin-bottom: 14px;
}
.footer .footer-pic>span{
	width: 103px;
	height: 103px;}.footer .footer-pic>span img{	float: right;	margin-top: 15px;}


/*搜索结果页*/
.search-box{
	width: 1230px;
	margin: 40px auto;
}
.search-box ul li{
	width: 400px;
	height: auto;
	overflow: hidden;
	margin-right:15px;
}
.search-box>ul li:nth-child(3n){
	margin-right: 0;
}

.search-box>ul li a:nth-child(1){
	display: block;
	width: 398px;
	height: 300px;
	overflow: hidden;
	border: 1px solid #DADADA;	
}

.search-box>ul li a:nth-child(2){
	display: block;
	text-align: center;
	padding:14px 0 30px;
	color: #5B5B5B;
}


.xuanfu_right{
background:url(../images/haidikexuanfu.png) no-repeat;
color:#000000;
overflow: hidden;
z-index: 9999;
position: fixed;
padding:5px;
text-align:center;
width: 250px;
height: 150px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
left: 10px;
bottom: 10px;
}
